<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ONESTAR-日寇暴行</title>
    <!--    抽取公共头部-->
    <div th:replace="share/common :: head"></div>
    <link rel="stylesheet" href="../static/lib/picture/css/jkresponsivegallery.css"
          th:href="@{/lib/picture/css/jkresponsivegallery.css}">
</head>
<body>

<!--抽取公共导航-->
<div th:replace="share/common :: menu(5)"></div>

<!--顶部图片-->
<div class="m-bg-type_outer" style="width: 100%;height: 40%">
    <img src="../static/images/top.jpg" th:src="@{/images/top.jpg}" alt="" class="ui m-bg image"
         style="width: 100%;height: 100%">
    <div class="m-bg-class_cover">
        <div class="ui container" style="position: relative ;bottom: -540px;" id="waypoint">
            <div class="m-font-size-title m-right-bottom" align="center" style="font-family:'STXingkai'">日寇暴行</div>
            <div class="m-font-size-text-init-title m-margin-top" align="center">三十余万 生灵涂炭 炼狱六周 哀哉国殇</div>
        </div>
    </div>
</div>


<!--照片墙-->
<div id="picture-main">

    <article class="thumb" th:each="violence :${violenceList}">
        <div class="ma5-gallery" >
            <div class="rthumbnail" >
                <a href="" th:href="'/detail/?violenceId='+${violence.violenceId}">
                    <img class="picture-zmki_px" src="../static/images/backimg1.jpg" th:src="${violence.img}">
                </a>
                <div class="m-picture-text" th:text="${violence.violencename}">起风了</div>
                <div class="rcaption">
                    <div style="font-size: large;" th:text="${violence.violencename}">起风了</div>
                    <div style="font-size: small" class="m-margin-top" th:text="${#dates.format(violence.createTime,'yyyy-mm-dd')}">2020-02-02 &nbsp;深圳</div>
                    <p style="font-size: small">我曾难自拔于世界之大，也沉迷于其中梦话</p>
                </div>
            </div>
        </div>
    </article>

</div>

<br><br><br><br><br><br>
<!--抽取公共底部栏-->
<div th:replace="share/common :: #footer"></div>


<!--    抽取公共js    -->
<script src="../static/lib/picture/js/jquery.min.js" th:src="@{/lib/picture/js/jquery.min.js}"></script>
<script src="../static/lib/picture/js/jkresponsivegallery.js"
        th:src="@{/lib/picture/js/jkresponsivegallery.js}"></script>
<div th:replace="share/common :: #js"></div>
<script>
    $(function () {
        $('.rthumbnail').responsivegallery();
    });

    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide');
    });
</script>
</body>
</html>